<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="h" uri="/WEB-INF/config/tag/feonix-tags.tld"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>honey</title>
<h:head pagetype="page"></h:head>
<h:import type="css" path="/resources/complat/manager/main/home/honey/css/default.css"></h:import>
<h:import type="js" path="/resources/complat/manager/main/home/honey/js/functions.js"></h:import>
<h:import type="js" path="/resources/complat/manager/main/home/honey/js/garden.js"></h:import>
<style type="text/css">
@font-face {
	font-family: digit;
	src: url('${contextPath}/resources/complat/manager/main/home/honey/font/digital-7_mono.ttf') format("truetype");
}
</style>
</head>
<body>
<div id="mainDiv">
	<div id="content">
		<div id="code">
			<span class="comments">/**</span><br />
			<span class="space"/><span class="comments">*2017—08-27,</span><br />
			<span class="space"/><span class="comments" id="endtime_span">*2017-08-27.</span><br />
			<span class="space"/><span class="comments">*/</span><br />
			<span class="keyword">I fear that I will always be A lonely number like root three</span><br />
			<span class="comments">//我害怕，我会永远是那孤独的根号三 </span><br />
			<span class="keyword">A three is all that's good and right</span><br />
			<span class="comments">//三本身是一个多么美妙的数字 </span><br />
			<span class="keyword">Why must my three keep out of sight Beneath a vicious square-root sign?</span><br />
			<span class="comments">//为何躲在那难看的根号下？ </span><br />
			<span class="keyword">I wish instead I were a nine</span><br />
			<span class="comments">//我多么希望自己是一个九 </span><br />
			<span class="keyword">For nine could thwart this evil trick With just some quick arithmetic</span><br />
			<span class="comments">//因为九只需要一点点小小的运算，便可摆脱这残酷的厄运 </span><br />
			<span class="keyword">I know I'll never see the sun</span><br />
			<span class="comments">//我知道自己很难再看到我的太阳 </span><br />
			<span class="keyword">As 1.7321</span><br />
			<span class="comments">//就像这无休无止的  1.7321……。 </span><br />
			<span class="keyword">Such is my reality A sad irrationality</span><br />
			<span class="comments">//我不愿我的人生如此可悲 </span><br />
			<span class="keyword">When,hark, just what is this I see?</span><br />
			<span class="comments">//直到那一天，我看到了 </span><br />
			<span class="keyword">Another square root of a three</span><br />
			<span class="comments">//另一个根号三 </span><br />
			<span class="keyword">Has quietly come waltzing by</span><br />
			<span class="comments">//如此美丽无瑕，翩翩舞动而来 </span><br />
			<span class="keyword">Together now we multiply</span><br />
			<span class="comments">//我们彼此相乘 </span><br />
			<span class="keyword">To form a number we prefer</span><br />
			<span class="comments">//得到那梦寐以求的数字 </span><br />
			<span class="keyword">Rejoicing as an integer</span><br />
			<span class="comments">//像整数一样圆满 </span><br />
			<span class="keyword">We break free from our mortal bonds</span><br />
			<span class="comments">//我们砸碎命运的枷锁 </span><br />
			<span class="keyword">And with a wave of magic wands</span><br />
			<span class="comments">//轻轻舞动爱情的魔杖 </span><br />
			<span class="keyword">Our square-root signs become unglued</span><br />
			<span class="comments">//我们的平方根，已经解开 </span><br />
			<span class="keyword">And love for me has been renewed</span><br />
			<span class="comments">//我的爱，重获新生 </span><br />
		</div>
		<div id="loveHeart">
			<canvas id="garden"></canvas>
			<div id="words">
				<div id="messages">
					亲爱的，这是我们相爱在一起的时光。
					<div id="elapseClock"></div>
				</div>
				<div id="loveu">
					爱你直到永永远远。<br/>
					<div class="signature">- 爱你的人</div>
				</div>
			</div>
		</div>
	</div>
	<div id="copyright">
		<a href="#">....</a><br />
		<a href="#">....</a><br />
	</div>
</div>

<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
//2017-08-27认识
together.setFullYear(2017, 7, 27);
together.setHours(13);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);

if (!document.createElement('canvas').getContext) {
	var msg = document.createElement("div");
	msg.id = "errorMsg";
	msg.innerHTML = "浏览器不支持HTML5"; 
	document.body.appendChild(msg);
	$("#code").css("display", "none")
	$("#copyright").css("position", "absolute");
	$("#copyright").css("bottom", "10px");
	document.execCommand("stop");
} else {
	var nowDate = new Date().Format("yyyy-MM-dd");
	$("#endtime_span").html("*"+nowDate);
	
	setTimeout(function () {
		startHeartAnimation();
	}, 5000);

	timeElapse(together);
	setInterval(function () {
		timeElapse(together);
	}, 500);

	adjustCodePosition();
	$("#code").typewriter();
}
</script>
</body>
</html>